<template>
  <div class="no-head-img">
    此处无图胜有图
  </div>
</template>

<script lang="ts" scoped>
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'RenderMarkdown',
  props: {},
  setup (props) {

  }
})
</script>

<style lang="scss" scoped>
/* 响应式布局 - 小于 540px */
@media screen and (max-width: 540px) {
  .no-head-img {
    font-size: 18px !important;
  }
}
.no-head-img {
  text-align: center;
  height: 150px;
  line-height: 150px;
  font-size: 24px;
  user-select: none;
}
</style>
